<template>
  <div class="dlPassword-content">
    <el-form label-width="100px">
      <el-form-item label="旧密码：">
        <el-input v-model="reqParams.old" placeholder="请输入您的旧密码"></el-input>
      </el-form-item>
      <el-form-item label="新密码：">
        <el-input v-model="reqParams.new" placeholder="请输入您的新密码"></el-input>
      </el-form-item>
      <el-form-item label="确认新密码：">
        <el-input v-model="reqParams.confirmNew" placeholder="请输入您的新密码"></el-input>
      </el-form-item>
    </el-form>
    <el-button>提交</el-button>
  </div>
</template>

<script>

export default {
  name: "dlPassword",
  data() {
    return {
      reqParams: {
        old: "",
        new: "",
        confirmNew: ""
      }
    };
  }
};
</script>

<style lang='scss' scoped>
.dlPassword-content {
  text-align: center;
  padding: 40px 0 50px 0;
  .el-form {
    width: 50%;
    margin: 0 auto;
  }
  .el-button {
    width: 345px;
    height: 45px;
    background: #ff7f5b;
    color: #fff;
    margin-top: 30px;
  }
}
</style>